<%--
  Created by IntelliJ IDEA.
  User: ·6米
  Date: 2021/10/8
  Time: 18:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
    <head>
        <meta charset="UTF-8">
        <title>门店租车</title>
        <!--导入css文件-->
        <link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath}/css/store.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath}/css/store_rental.css" rel="stylesheet">
        <link rel="shortcut icon" href="${pageContext.request.contextPath}/image/title-img1.png">

        <style>

            /* 头部导航的 */
            .global-header .login-page-header-nav li {
                float: left;
                margin-left: 30px;
            }
            .global-header .login-page-header-nav li i {
                margin-right: 10px;
                font-size: 28px;
                line-height: 1;
                color: #f6a206;
                vertical-align: middle;
            }
            .global-login-iconfont {
                font-family: "login-iconfont",serif;
                font-style: normal;
                font-weight: normal;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                *zoom: 1;
            }
            .global-header .login-page-header-nav li span {
                font-size: 14px;
                line-height: 28px;
                color: #666;
                vertical-align: middle;
            }
        </style>
        <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=lWjB4B50NB6Bd4cYm5GwsId5puyNea0f"></script>
    </head>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/index-1.css">
    <link href="${pageContext.request.contextPath}/css/headermenu.css" rel="stylesheet">

    <body>
    <header id="J-global-header" class="global-header">
        <div class="top-inner">
            <div id="sitenav" class="global-header-top-nav fn-clear">
                <div class="global-header-top-nav-right">
                    <li class="top-nav-menu top-nav-menu-user-info" data-role="user-info" data-test="test">
                        <div class="top-nav-menu-handle">
                            <div class="login">
                                <%--                            <a href="${pageContext.request.contextPath}/login.jsp" class="J-login-btn" rel="nofollow" target="_self">登录/注册</a></div>--%>
                                <c:if test="${empty ServiceResponse}">
                                    <a href="${pageContext.request.contextPath}/customer/login.jsp">登录/注册</a>
                                </c:if>

                                <c:if test="${!empty ServiceResponse}">
                                    欢迎${ServiceResponse.data.custTelno}
                                    <a href="${pageContext.request.contextPath}/logout">退出</a>
                                </c:if>
                            </div>
                        </div>
                    </li>

                    <li class="top-nav-menu top-nav-multi-menu top-nav-dl-app">
                        <div class="top-nav-menu-handle">
                            <i class="global-header-icon top-nav-dl-app-icon"></i>手机版
                        </div>
                        <div class="top-nav-menu-body top-nav-menu-qrcode">
                            <div class="top-nav-menu-bd-panel">
                                <div class="qrcode-img"></div>
                                <p>下载APP 领99元租车红包

                                </p>
                            </div>
                        </div>
                    </li>

                    <li class="top-nav-pipe">|</li>

                    <li class="top-nav-menu top-nav-multi-menu top-nav-wx-guide">
                        <div class="top-nav-menu-handle"><i class="global-header-icon top-nav-wx-guide-icon"></i>微信</div>
                        <div class="top-nav-menu-body top-nav-menu-qrcode">
                            <div class="top-nav-menu-bd-panel">
                                <div class="qrcode-img"></div>
                                <p>扫一扫，关注微信</p>
                            </div>
                        </div>
                    </li>
                    <li class="top-nav-menu top-nav-multi-menu top-nav-order-lookup">
                        <div class="top-nav-menu-handle">订单查询<i class="top-nav-arrow"><em></em><span></span></i></div>
                        <div class="top-nav-menu-body top-nav-menu-list">
                            <div class="top-nav-menu-bd-panel">
                                <a href="${pageContext.request.contextPath}/center/myorder.jsp">订单查询</a>
                            </div>
                        </div>
                    </li>
                    <li class="top-nav-menu top-nav-multi-menu top-nav-order-lookup">
                        <div class="top-nav-menu-handle">个人中心<i class="top-nav-arrow"><em></em><span></span></i></div>
                        <div class="top-nav-menu-body top-nav-menu-list">
                            <div class="top-nav-menu-bd-panel">
                                <a href="${pageContext.request.contextPath}/center/user.jsp">进入个人中心</a>
                            </div>
                        </div>
                    </li>
                    <li class="top-nav-pipe">|</li>

                </div>

                <div class="global-header-top-nav-left">
                    <div class="top-nav-menu top-nav-multi-menu top-nav-contact">
                        <div class="top-nav-menu-handle">
                            24小时客服！内地热线：110-120
                            <i class="top-nav-arrow"><em></em><span></span></i>
                        </div>
                        <div class="top-nav-menu-body top-nav-menu-list">
                            <div class="top-nav-menu-bd-panel">
                                <ul>
                                    <li>
                                        <span class="title">中国内地热线</span>
                                        <a href="tel:10101020" target="_self" class="tel-number">110-120</a>
                                    </li>
                                </ul>
                                <div class="top-nav-menu-bd-code">
                                    <div class="qrcode-img"></div>
                                    <p class="title">关注微信公众号</p>
                                    <p class="text">可查询/修改/取消订单</p>
                                    <a class="J-show-robot" href="javascript:" target="_self"
                                       data-tj="/公用头部/在线客服">24小时在线客服</a>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="toolbar fn-clear">
            <div id="slog" class="logo fn-left">
                <a class="sbx-logo" title="思必行-租车" target="_self" href="">

                </a>
            </div>
            <div class="toolbar-site-header-nav">
                <ul class="login-page-header-nav fn-clear">
                    <li><i class="global-login-iconfont">&#xe909;</i><span>有驾照就能租</span></li>
                    <li><i class="global-login-iconfont">&#xe906;</i><span>地图导航</span></li>
                    <li><i class="global-login-iconfont">&#xe908;</i><span>24小时服务在线</span></li>
                </ul>
            </div>

        </div>
    </header>

    <!--导航-->
    <div class="nav">
        <ul class="nav-wrap clear_float" id="J_NavBox">
            <li>
                <a href="${pageContext.request.contextPath}/index.jsp" target="_blank">首页</a>
                <span></span>
            </li>
            <li >
                <a href="${pageContext.request.contextPath}/selfrental/person_rentalcar.jsp" target="_blank">自驾租车</a>
                <span></span>
            </li>
            <li class>
                <a href="${pageContext.request.contextPath}/car/car.jsp" target="_blank">车型查询</a>
                <span></span>
            </li>
            <li>
                <a href="${pageContext.request.contextPath}/memberrent/members.jsp" target="_blank">会员租车</a>
                <span></span>
            </li>
            <li class="menu-index menu-index-on">
                <a href="${pageContext.request.contextPath}/store/store.jsp" target="_blank">营业网点</a>
                <span></span>
            </li>
            <li>
                <a href="${pageContext.request.contextPath}/memberrent/wonderful_activity.jsp" target="_blank">精彩活动</a>
                <span></span>
            </li>
        </ul>
    </div>

    <!--城市-->
    <div class="main">
        <div class="new-city-wrap">
            <div class="nav-city-box">
                <p>
                    <a href="${pageContext.request.contextPath}/index.jsp">自驾租车</a>
                    &gt;
                    <a href="${pageContext.request.contextPath}/store/sh_store_rental.jsp">上海租车</a>
                </p>
            </div>
        </div>
        <!--城市-->
        <!--地区-->
        <div class="citybox-display">
            <div class="new-city-box">
                <p id="cityCar">上海租车</p>
                <a href="${pageContext.request.contextPath}/store/store.jsp" id="getCity">[更换城市]</a>
                <input name="ctl00$mainContent$txtCity" type="hidden" id="txtCity" readonly="readonly" value="上海">
            </div>
            <div class="area-box">
                <input name="ctl00$mainContent$lblDistrict" type="hidden" id="lblDistrict" readonly="readonly" value="机场/车站">
            </div>
            <div class="new-area-wrap">
                <div class="new-area-box">

                    <a href="javascript:void(0)" class="">机场/车站</a>

                    <a href="javascript:void(0)" class="">松江区</a>

                    <a href="javascript:void(0)" class="">浦东新区</a>

                    <a href="javascript:void(0)" class="">静安区</a>

                    <a href="javascript:void(0)" class="">嘉定区</a>

                    <a href="javascript:void(0)" class="">长宁区</a>

                    <a href="javascript:void(0)" class="">闵行区</a>

                    <a href="javascript:void(0)" class="">金山区</a>

                    <a href="javascript:void(0)" class="">宝山区</a>

                    <a href="javascript:void(0)" class="">虹口区</a>

                    <a href="javascript:void(0)" class="">普陀区</a>

                    <a href="javascript:void(0)" class="">杨浦区</a>

                    <a href="javascript:void(0)" class="">崇明区</a>

                    <a href="javascript:void(0)" class="">徐汇区</a>

                    <a href="javascript:void(0)" class="">奉贤区</a>

                    <a href="javascript:void(0)" class="">青浦区</a>

                    <a href="javascript:void(0)" class="">黄浦区</a>

                </div>
                <div class="new-hot-city">
                    <span>热门城市:</span>
                    <a href="${pageContext.request.contextPath}/store/sz_store_rental.jsp">苏州</a>
                    <a href="${pageContext.request.contextPath}/store/sh_store_rental.jsp">上海</a>
                    <a href="${pageContext.request.contextPath}/store/hz_store_rental.jsp">杭州</a>
                    <a href="${pageContext.request.contextPath}/store/nj_store_rental.jsp">南京</a>
                    <a href="${pageContext.request.contextPath}/store/lj_store_rental.jsp">丽江</a>
                    <a href="">成都</a>
                    <a href="">重庆</a>
                    <a href="">大连</a>
                    <a href="">福州</a>
                    <a href="">北京</a>
                    <a href="">济南</a>
                    <a href="">昆明</a>
                    <a href="">深圳</a>
                    <a href="">青岛</a>
                    <a href="">三亚</a>
                    <a href="">天津</a>
                    <a href="">武汉</a>
                    <a href="">厦门</a>
                </div>
            </div>
        </div>

        <!--main box-->
        <div class="main-box">
            <div class="main-box-left" id="main-box-left" style="height: 610px;">
                <div class="store-box" data-id="2">
                    <ul>
                        <li class="store-nummark">1</li>
                        <li class="store-name">松江店</li>
                        <li class="store-address">
                            上海市松江区通跃路29号
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-37698020</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="5">
                    <ul>
                        <li class="store-nummark">2</li>
                        <li class="store-name">
                            浦东机场T2店
                            <em class="all-day-ico"></em>
                            <em class="airport-ico"></em>
                        </li>
                        <li class="store-address">
                            上海市浦东新区速航路110号（柜台位置：P2停车库B1层L3区【L3-01车位旁】步行约8分钟）
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-68336816</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>0:00-23:59</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="34">
                    <ul>
                        <li class="store-nummark">3</li>
                        <li class="store-name">大宁公园便捷点</li>
                        <li class="store-address">
                            上海市静安区广中西路与彭越浦路交叉口停车场内
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>17321173693</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="36">
                    <ul>
                        <li class="store-nummark">4</li>
                        <li class="store-name">嘉定菊园店</li>
                        <li class="store-address">
                            上海市嘉定区棋盘路1369、1371号
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-59569601</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="40">
                    <ul>
                        <li class="store-nummark">5</li>
                        <li class="store-name">中山公园店</li>
                        <li class="store-address">
                            上海市长宁区汇川路99号新时空商务广场停车场6层
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>18017806975</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="45">
                    <ul>
                        <li class="store-nummark">6</li>
                        <li class="store-name">莘庄店</li>
                        <li class="store-address">
                            上海市闵行区闵城路30号（闵城路富都路交叉口）
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-64603417</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="87">
                    <ul>
                        <li class="store-nummark">7</li>
                        <li class="store-name">张江店</li>
                        <li class="store-address">
                            上海市浦东新区亮秀路/湖秀路口(门店由湖秀路进入)
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-50898682</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box store-box-scd" data-id="187">
                    <ul>
                        <li class="store-nummark">8</li>
                        <li class="store-name">金桥商业广场送车点</li>
                        <li class="store-address">
                            上海市浦东新区张杨路3918号（久金广场北二门）(送车点)
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-50175866</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>10:00-18:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box store-box-scd" data-id="255">
                    <ul>
                        <li class="store-nummark">9</li>
                        <li class="store-name">卜蜂莲花浦江店送车点</li>
                        <li class="store-address">
                            上海市闵行区浦江镇江月路1800号(送车点)
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-54733699</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>9:00-19:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box store-box-scd" data-id="264">
                    <ul>
                        <li class="store-nummark">10</li>
                        <li class="store-name">上虹中学送车点</li>
                        <li class="store-address">
                            上海市闵行区环镇南路110号(送车点)
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-64159708</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>9:00-18:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box store-box-scd" data-id="278">
                    <ul>
                        <li class="store-nummark">11</li>
                        <li class="store-name">
                            金山高铁北站送车点
                            <em class="railway-ico"></em>
                        </li>
                        <li class="store-address">
                            金山区兴豪路1288号(送车点)
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-67295507</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>10:00-17:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="391">
                    <ul>
                        <li class="store-nummark">12</li>
                        <li class="store-name">金桥店</li>
                        <li class="store-address">
                            上海市浦东新区张杨北路529号
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-50175866</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="392">
                    <ul>
                        <li class="store-nummark">13</li>
                        <li class="store-name">通河新村店</li>
                        <li class="store-address">
                            上海市宝山区长江西路2315号
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-66010996</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="533">
                    <ul>
                        <li class="store-nummark">14</li>
                        <li class="store-name">浦建路店</li>
                        <li class="store-address">
                            上海市浦东新区杜鹃路24号
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-50281139</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="613">
                    <ul>
                        <li class="store-nummark">15</li>
                        <li class="store-name">新同心路店</li>
                        <li class="store-address">
                            上海市虹口区新同心路220号
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-36532683</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="614">
                    <ul>
                        <li class="store-nummark">16</li>
                        <li class="store-name">大华店</li>
                        <li class="store-address">
                            上海市普陀区真北路3045号
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-62500806</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="615">
                    <ul>
                        <li class="store-nummark">17</li>
                        <li class="store-name">洲海路店</li>
                        <li class="store-address">
                            上海市浦东新区启帆路271号1楼
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-68367696</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box" data-id="651">
                    <ul>
                        <li class="store-nummark">18</li>
                        <li class="store-name">江桥店</li>
                        <li class="store-address">
                            上海市嘉定区高潮路257号3幢（金沙江西路与高潮路交界口，地铁13号线金沙江西路4号口）
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-69002120</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>8:00-21:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box store-box-scd" data-id="716">
                    <ul>
                        <li class="store-nummark">19</li>
                        <li class="store-name">
                            上海西站送车点
                            <em class="railway-ico"></em>
                        </li>
                        <li class="store-address">
                            上海市普陀区曹杨路2400号（火车头公寓）(送车点)
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-62500806</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>9:00-23:00</span>
                        </li>
                    </ul>
                </div>
                <div class="store-box store-box-scd" data-id="723">
                    <ul>
                        <li class="store-nummark">20</li>
                        <li class="store-name">大众空港宾馆送车点</li>
                        <li class="store-address">
                            上海市浦东新区迎宾大道6001号(送车点)
                            <span></span>
                        </li>
                        <li class="store-phone">
                            门店电话：
                            <span>021-68336816</span>
                        </li>
                        <li class="store-time">
                            营业时间：
                            <span>9:00-19:00</span>
                        </li>
                    </ul>
                </div>
            </div>
            <!--                <div class="map-button-close" id="map-button-close" style="margin-top: 63px;"></div>-->
            <!--                <div class="map-button-open" id="map-button-open" style="margin-top: 63px;"></div>-->
            <!--右侧地图-->
            <div class="main-box-right" id="divBookingInfo">
                <!--地图-->
                <div class="step1-map">
                    <div id="map" style="width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;">
                        <div id="container"></div>
                    </div>
                </div>
            </div>
            <!--main box-->
        </div>
    </div>

    <!--页脚-->
    <div class="footer">
        <div class="w1180">
            <div class="website-advantage">
                <ul class="wadvantage-list">
                    <li>
                        <span class="city"></span>
                        <p>450多座城市</p>
                    </li>
                    <li>
                        <span class="dunpai"></span>
                        <p>7000多服务网点</p>
                    </li>
                    <li>
                        <span class="car"></span>
                        <p>200余种车型</p>
                    </li>
                    <li>
                        <span class="sun"></span>
                        <p>24小时服务</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>

<%--    <script type="text/javascript">--%>
<%--        // 百度地图API功能--%>
<%--        var map = new BMap.Map("divBookingInfo");    // 创建Map实例--%>
<%--        map.centerAndZoom("上海",15);      // 初始化地图,用城市名设置地图中心点--%>
<%--        //添加地图类型控件--%>
<%--        map.addControl(new BMap.MapTypeControl({--%>
<%--            mapTypes:[--%>
<%--                BMAP_NORMAL_MAP,--%>
<%--                BMAP_HYBRID_MAP--%>
<%--            ]}));--%>
<%--        map.setCurrentCity("上海");          // 设置地图显示的城市 此项是必须设置的--%>
<%--        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放--%>
<%--    </script>--%>

    <script type="text/javascript">
        //创建和初始化地图函数：
        function initMap(){
            createMap();//创建地图
            setMapEvent();//设置地图事件
            addMapControl();//向地图添加控件
        }

        //创建地图函数：
        function createMap(){
            var map = new BMap.Map("divBookingInfo");//在百度地图容器中创建一个地图
            var point = new BMap.Point(121.480812,31.235317);//定义一个中心点坐标
            map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map;//将map变量存储在全局
        }

        //地图事件设置函数：
        function setMapEvent(){
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }

        //地图控件添加函数：
        function addMapControl(){
            //向地图中添加缩放控件
            var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
            map.addControl(ctrl_nav);
            //向地图中添加缩略图控件
            var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
            map.addControl(ctrl_ove);
            //向地图中添加比例尺控件
            var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
            map.addControl(ctrl_sca);

            map.addControl(new BMap.MapTypeControl({
                mapTypes:[
                    BMAP_NORMAL_MAP,
                    BMAP_HYBRID_MAP
                ]}));
        }

        initMap();//创建和初始化地图
    </script>
    </body>
</html>